<div class="card-pf">
  <div class="card-pf-body">
    <div class="progress-description" title="<%= disk['header'] %>">
      <%= disk['header'] %>
    </div>

    <div class="progress progress-label-top-right">
      <div class="progress-bar progress-bar-<%= disk['size_status'] %>" role="progressbar" aria-valuenow="<%= disk['percentage'] %>" aria-valuemin="0" aria-valuemax="100" style="width: <%= disk['percentage'] %>%;" data-toggle="tooltip" title="<%= _('%s Used') % humanize_bytes(disk['used']) %>">
        <span><strong><%= _('%{used} of %{total}') % {:used => humanize_bytes(disk['used']),:total => humanize_bytes(disk['total'])} %></strong> Used</span>
      </div>

      <div class="progress-bar progress-bar-remaining" role="progressbar" aria-valuenow="<%= disk['available_percent'] %>" aria-valuemin="0" aria-valuemax="100" style="width: <%= disk['available_percent'] %>%;" data-toggle="tooltip" title="<%= _('%s Available') % humanize_bytes(disk['free']) %>">
        <span class="sr-only"><%= _('%s Available') % humanize_bytes(disk['free']) %></span>
      </div>
    </div>
  </div>
</div>
